import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
import { useUserStore } from './userStore'
import { insertCartAPI,findNewCartListAPI,delCartAPI} from '@/apis/cart'
export const useCartStore = defineStore('cart', () => {

  const userStore=useUserStore()
  const isLogin=computed(()=>userStore.userInfo.token)
  // 1. 定义state - cartList
  const cartList = ref([])
  // 2. 定义action - addCart

  // 获取最新的购物车列表
  const updataNewList=async()=>{
    const res=await findNewCartListAPI()
      cartList.value=res.result
  }
  // 添加购物车
  const addCart =async (goods) => {
    const {skuId,count}=goods
    if (isLogin.value) {
      // 登录之后的加入购物车逻辑 
      await insertCartAPI({skuId,count})
      updataNewList()
    }else{
      // 添加购物车操作
      // 已添加过 - count + 1
      // 没有添加过 - 直接push
      // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
      const item = cartList.value.find((item) => goods.skuId === item.skuId)
      if (item) {
        // 找到了
        item.count++
      } else {
        // 没找到
        cartList.value.push(goods)
      }
      }
  }
  // 删除购物车
  const delCart=async (skuId)=>{
    if(isLogin.value){
      await delCartAPI([skuId])
      updataNewList()
    }else{
      // 找到删除项的下标值 -splice
      const idx=cartList.value.findIndex((item)=>skuId===item.skuId)
      cartList.value.splice(idx,1)
    }
  }
  // 清空购物车-退出登录时执行
  const clearCart=()=>{
    cartList.value=[]
  }
  // 单选功能
  const singleCheck=(skuId,selected)=>{
    const item=cartList.value.find((item)=>item.skuId===skuId)
    item.selected=selected
  }
  // 全选功能action
  const allCheck = (selected) => {
    // 把cartList中的每一项的selected都设置为当前的全选框状态
    cartList.value.forEach(item => item.selected = selected)
  }

  // 计算属性
  // 总数
  const allCount=computed(()=>cartList.value.reduce((a,c)=>a+c.count,0))
  // 总价
  const allPrice=computed(()=>cartList.value.reduce((a,c)=>a+c.count*c.price,0))

  // 是否全选
  const isAll=computed(()=>cartList.value.every((item)=>item.selected))
  // 3. 已选择数量
  const selectedCount = computed(() => cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count, 0))
  // 4. 已选择商品价钱合计
  const selectedPrice = computed(() => cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count * c.price, 0))

  return {
    cartList,
    isAll,
    allCount,
    allPrice,
    selectedCount,
    selectedPrice,
    addCart,
    delCart,
    clearCart,
    singleCheck,
    allCheck,
    updataNewList
  }
}, {
  persist: true,
})